<template>
	<div>
		<div class="car">
			<div v-for="(item,index) in shopcar" class="app-container">
				<el-row>
					<el-col :span="22" class="msg">
						<div>{{item.lession_name}}</div>
						<div>{{item.pay_num}}</div>
						<!-- <div v-if="item.lession.lession_type == 1">线上</div>
						<div v-if="item.lession.lession_type == 2">线下</div> -->
					</el-col>
					<el-col :span="2">
						<div class="price">金额:{{item.price}}元</div>
					</el-col>
				</el-row>
			</div>
			<div class="shopicon">
				<el-badge :value="shopcar.length" class="item">
				  <i class="el-icon-shopping-cart-2"></i>
				</el-badge>
			</div>
		</div>
	</div>
</template>

<script>
import { queryPayLession } from '@/api/studentRecruit.js'
export default{
	data(){
		return{
			
		}
	},
	created() {
		
	},
	methods:{
		
	},
	props:{
		shopcar:{
			type:Array,
			default:[]
		}
	}
}
</script>

<style lang="scss">
	.car{
		border-radius: 25px;
		border: 1px solid #000000;
	}
	
	.msg{
		display: flex;
		flex-direction: row;
		justify-content: flex-start;
		
		div{
			margin-right: 50px;
		}
	}
	
	.shopicon{
		font-size: 50px;
		text-align: right;
		margin-right: 30px;
		padding: 10px;
	}
</style>
